<template>
  <div class="acount">
    <div class="form-warp">
      <!-- 表单组件 开始 -->
      <a-form ref="formRef" name="custom-validation" :model="formConfig">
        <a-form-item name="pass">
          <label>用户名</label>
          <a-input type="text" utocomplete="off" />
        </a-form-item>

        <a-form-item has-feedback name="checkPass">
          <label>密码</label>
          <a-input type="password" utocomplete="off" />
        </a-form-item>

        <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
          <a-button type="primary" html-type="submit" block>Primary</a-button>
          >
        </a-form-item>
      </a-form>
      <!-- 表单组件 结束 -->
      <div class="text-center">
        <a href="" class="color-white">登入</a>|
        <a href="" class="color-white">注册</a>
      </div>
    </div>
  </div>
</template>

<script>
import { reactive } from "@vue/reactivity";
import {GetCode} from '../../request/api'
export default {
  setup() {
    const formConfig = reactive({
      layout: {
        labelCol: { span: 4 },
        wrapperCol: { span: 14 },
      },
    });

  GetCode().then(response=>{})
    return { formConfig };
  },
};
</script>

<style lang='scss'>
@import "./style.scss";
</style>